<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/teacher.css">

</head>
<body class="teacher_body">
<div class="teacher_content">
<header>
    <div class='teacher_contentback'>
        <h4 class="teacher_back" style="color: #b9def0">教职工信息</h4>
        <div class="teacher_link"></div>
    </div>
</header>
<section class="root-content-box clearfix teacher_table">
<div>
    <table width="100%" id="root-tab" class="table table-condensed table-bordered table-striped table-hover">
        <tr>
            <td colspan="6" class="tab-title-box" style="border: none;background:#fff">
                <section class="teacher_department">
                    <div class="input-group dropdown">
                        <button  class="btn btn-default  dropdown-toggle" type="button" id="dropdown2" data-toggle="dropdown">选择部门&nbsp&nbsp&nbsp<span class="caret"></span></button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="javascript:;">所有部门</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:;">行政部</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:;">财务部</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:;">教育部</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:;">后勤部</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:;">保卫部</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="javascript:;">其他</a></li>
                        </ul>
                    </div>
                </section>
                <div class="tab-title-search col-xs-2 sousuo">
                    <input type="search" class="form-control" placeholder=" 搜索" id="searchInput">
                </div>
                <div class="root-addUser teacher_new">
                    <button type="button" class=" teacher_create btn-reset" data-toggle="modal" data-target=".bs-example-modal-sm">
                        <span class="glyphicon glyphicon-plus"></span>
                        <span>新增</span>
                    </button>
                </div>
            </td>
        </tr>
        <tr>
            <th width="10%">选择</th>
            <th width="10%">部门</th>
            <th width="10%">姓名</th>
            <th width="20%">职责范围</th>
            <th width="20%">联系方式</th>
            <th width="10%">修改</th>
        </tr>
        <tbody id="tabContent">
        </tbody>
    </table>
</div>
<div class="check-box">
    <button type="button" style="color: white;background: #F38181;" class="btn btn-default" data-toggle="modal" data-target="#myModal">
        删除
    </button>
</div>
<div class="page-box">
    <nav aria-label="Page navigation" class="footer-nav">
        <ul class="pagination nav-ul page-ul"  style="margin: 0">
            <li>
                <a href="#" aria-label="Previous" class="nav-ul" id="prevPage">
                    <span aria-hidden="true">«</span>
                </a>
            </li>
                <li id="myPageBox"></li>
            <li >
                <a href="#" aria-label="Next" class="nav-ul" id="nextPage">
                    <span aria-hidden="true" >»</span>
                </a>
            </li>
        </ul>
    </nav>
</div>
</section>
</div>
<div class="alert-addUser">
    <div class="teacher_newtop">
        <div class="teacher_newdis">新增人员</div>
        <div class="teacher_newclose alert-addUser-exit tuchu">X</div>
    </div>
    <div class="shuru">
    <label class="col-sm-4 control-label">部&nbsp&nbsp 门:</label>
    <div class="col-sm-6 ">
        <select id="addRoot" class="form-control">
            <option>行政部</option>
            <option>财务部</option>
            <option>教育部</option>
            <option>后勤部</option>
            <option>保卫部</option>
            <option>其他</option>
        </select>
    </div>
    </div>
    <div class="shuru">
        <label class="col-sm-4 control-label">姓&nbsp&nbsp 名</label>
        <div class="col-sm-6">
            <input type="text" class="form-control" id="addName" placeholder="">
        </div>
    </div>
    <div class="shuru">
    <label class="col-sm-4 control-label">职责范围</label>
    <div class="col-sm-6">
        <input type="text" class="form-control" id="addUserName" placeholder="">
    </div>
    </div>
    <div class="shuru">
    <label class="col-sm-4 control-label " >联系方式</label>
    <div class="col-sm-6" >
        <input type="text" class="form-control" id="addPassword" placeholder="">
    </div>
    </div>
    <div class="shuru">
        <button class=" btn btn-default teacher_yes submitAdd ">确认创建</button>
        <div class="teacher_no alert-addUser-exit quxiao" data-dismiss="modal">取消创建</div>
    </div>
</div>
<!-- Modal 删除-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background: #95e1d3;">
                <h4>确认删除吗？</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default teacher_no" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-default teacher_yes" data-dismiss="modal" id="delBtn">确定</button>
            </div>
        </div>
    </div>
</div>
<!--<div id="myAlertEle">-->

<!--</div>-->
<div id="mySetAlertEle">
    <div class="teacher_newtop">
        <div class="teacher_newdis">修改信息</div>
        <div class="teacher_newclose alert-setUser-exit tuchu">X</div>
    </div>
    <div class="shuru">
        <label class="col-sm-4 control-label">部&nbsp&nbsp 门:</label>
        <div class="col-sm-6 ">
            <select id="setRoot" class="form-control">
                <option>行政部</option>
                <option>财务部</option>
                <option>教育部</option>
                <option>后勤部</option>
                <option>保卫部</option>
                <option>其他</option>
            </select>
        </div>
    </div>
    <div class="shuru">
        <label class="col-sm-4 control-label">姓&nbsp&nbsp 名</label>
        <div class="col-sm-6">
            <input type="text" class="form-control" id="setName" placeholder="">
        </div>
    </div>
    <div class="shuru">
        <label class="col-sm-4 control-label">职责范围</label>
        <div class="col-sm-6">
            <input type="text" class="form-control" id="setUsername" placeholder="">
        </div>
    </div>
    <div class="shuru">
        <label class="col-sm-4 control-label " >联系方式</label>
        <div class="col-sm-6" >
            <input type="text" class="form-control" id="setPassword" placeholder="">
        </div>
    </div>
    <div class="qurenxiu">
        <button class=" btn btn-default teacher_yes submitSet ">确认修改</button>
        <div class="teacher_no alert-setUser-exit " data-dismiss="modal">取消修改</div>
    </div>
</div>

<script src="../util/jquery-3.4.1.js"></script>
<script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="../js/teacher.js">

</script>
</body>
</html>
